<!--
  Generated template for the BoughtNailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-title>已买款式订单</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
    <ion-card *ngFor="let item of boughtList">
        <ion-item>
          <ion-avatar item-start>
            <img src="{{picrooturl}}{{item.user_info.user_avator}}">
          </ion-avatar>
          <h2 class="tou">
            <span class="avatar-detail">{{item.order_time}}</span>
            <span class="shopName">{{item.user_info.user_nickname}}</span>
          </h2>
        </ion-item>
        <ion-grid>
          <ion-row>
            <ion-col col-4>
              <img src="{{picrooturl}}{{item.goods_info.nail_album}}" class="goodPic">
            </ion-col>
            <ion-col col-8 class="mydetail">
              <h4 class="serviceName">{{item.goods_info.nail_name}}</h4>
              <p class="orderCount">价格：<span class="specialP">￥{{item.order_price}}</span></p>
              <p class="marketPrice">有效期：{{item.useful_time}}</p>
            </ion-col>
        </ion-row>
      </ion-grid>
    </ion-card>
    <p *ngIf="bottom1" class="bot">已经加载全部啦 ~</p>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingText="正在加载..."></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
